<template>
	<view class="details_content">
		<!-- <u-navbar :title="navtitle" leftIcon=" " :bgColor="navbgColor" :safeAreaInsetTop="true" :placeholder="false"
			:fixed="true">
			<view class="flex j-sb a-center u-nav-slot" slot="left">
				<u-icon @click="navigateBack(100)" name="arrow-left" size="20" color="#000"></u-icon>
				<u-line direction="column" :hairline="false" length="12" color="#888" margin="0 10px"></u-line>
				<u-icon @click="reLaunch('/pages/index/index')" name="home" size="22" color="#000"></u-icon>
			</view>
		</u-navbar> -->
		<view class="swiper-wrap">
			<swiper class="swiper">
				<swiper-item>
					<!-- <image class="img" :src="imageServe+'banner2.jpg'" mode="aspectFit" /> -->
				</swiper-item>
			</swiper>
		</view>
		<view class="relative px-2">
			<view class="store_info bg-white shadow-sm rounded-md p-2 m-auto">
				<view class="flex justify-start items-start">
					<view class="flex flex-1 justify-start items-center mr-2">
						<image :src="imageServe+'charge-empty.png'" class="svg40 mr-1"></image>
						<view class="font-weight font-32">即刻超充乐水路站</view>
					</view>
					<view class="time col-3  text-center">
						<view class="font-26">正常营业</view>
						<view class="font-24">周一至周日</view>
						<view class="font-24">00:00-24:00</view>
					</view>
				</view>
				<view class="flex-start mt-2">
					<view class="flex justify-start align-center flex-1 mr-2">
						<view class="font-24" style="color: #666;">地址：</view>
						<view class="flex-1 font-24" style="color: #666;">安徽省合肥市瑶海区乐水路99号水利仓储中心地面停车场</view>
					</view>
					<view class="rounded-md col-3 flex-center flex-column py-1" style="background-color: #DCEEFF">
						<view class="flex-center" @click.stop="openLocation(item)">
							<image :src="imageServe+'nav.png'" class="svg40"></image>
							<view class="font-24 ml-1">导航</view>
						</view>
						<view class="font-24 mt-1">0.1KM</view>
					</view>
				</view>
			</view>

		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				navtitle: '',
				navbgColor: 'transparent'
			}
		},
		onLoad() {

		},
		onPageScroll(e) {
			if (e.scrollTop > 200) {
				this.navtitle = '即刻超充乐水路站';
				this.navbgColor = "#FFE000"
			} else {
				this.navbgColor = "transparent";
				this.navtitle = ' ';
			}
		},
		onPullDownRefresh() {
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 500);
		},
		methods: {
			handleTel() {
				uni.makePhoneCall({
					phoneNumber: '114'
				});
			},
			handleScanCode() {
				uni.navigateTo({
					url: '/pages/charging/index'
				});
				// uni.scanCode({
				//   success(res) {
				//     console.log(res)
				//   }
				// })
			},
			openLocation(row) {
				uni.openLocation({
					name: row.title,
					latitude: row.latitude,
					longitude: row.longitude,
					success: function() {},
				});
			},
		}
	}
</script>
<style lang="scss">
	.u-nav-slot {
		width: 150rpx;
		background-color: rgba(255, 255, 255, 0.5);
		border-radius: 20px;
		padding: 2px 6px;
	}

	.details_content {
		padding-bottom: 180rpx;

		.img,
		.swiper,
		.swiper-wrap {
			width: 100%;
			height: 500rpx;
		}
	}
</style>